<div class="content">
    <article class="animated slideInUp">
        <h3>2017</h3>
        <section>
            <span class="point-time point-yellow"></span>
            <time datetime="2013-03">
                <span>February</span>
                <span>2017</span>
            </time>
            <aside>
                <p class="things">The FAW</p>
                <p class="brief"><span class="text-yellow">Award</span> (Miami. FL)</p>
            </aside>
        </section>
        <section>
            <span class="point-time point-red"></span>
            <time datetime="2013-03">
                <span>Janurary</span>
                <span>2017</span>
            </time>
            <aside>
                <p class="things">You reached 500 followers on Twitter</p>
                <p class="brief"><span class="text-red">Social Appearance</span></p>
            </aside>
        </section>
    </article>

    <article class="animated slideInUp">
        <h3>2016</h3>
        <section>
            <span class="point-time point-green"></span>
            <time datetime="2013-03">
                <span>December</span>
                <span>2016</span>
            </time>
            <aside>
                <p class="things">Visitor at Maketing Live 2012</p>
                <p class="brief"><span class="text-green">Conference</span></p>
            </aside>
        </section>
        <section>
            <span class="point-time point-green"></span>
            <time datetime="2012-11">
                <span>November</span>
                <span>2016</span>
            </time>
            <aside>
                <p class="things">Visitor at Daily web 2012</p>
                <p class="brief"><span class="text-green">Conference</span></p>
            </aside>
        </section>
        <section>
            <span class="point-time point-red"></span>
            <time datetime="2012-09">
                <span>September</span>
                <span>2016</span>
            </time>
            <aside>
                <p class="things">You reached 500 followers on Dribbble</p>
                <p class="brief"><span class="text-red">Social Appearance</span></p>
            </aside>
        </section>
        <section>
            <span class="point-time point-blue"></span>
            <time datetime="2012-08">
                <span>August</span>
                <span>2016</span>
            </time>
            <aside>
                <p class="things">New job position as Senior Designer at Fantasy Interactive</p>
                <p class="brief"><span class="text-blue">Working Experience</span></p>
            </aside>
        </section>
        <section>
            <span class="point-time point-red"></span>
            <time datetime="2012-03">
                <span>March</span>
                <span>2016</span>
            </time>
            <aside>
                <p class="things">Speaker at ASMO conference</p>
                <p class="brief"><span class="text-red">Conference</span></p>
            </aside>
        </section>
        <section>
            <span class="point-time point-blue"></span>
            <time datetime="2012-02">
                <span>February</span>
                <span>2016</span>
            </time>
            <aside>
                <p class="things">You added new skills to job position Junior Designer at Fantasy Interactive</p>
                <p class="brief"><span class="text-blue">Working Experience</span></p>
            </aside>
        </section>
    </article>
</div>

